<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>设置发票信息</title>
    <link rel="stylesheet" href="../../css/aui.css">
    <link rel="stylesheet" type="text/css" href="../../css/aui-flex.css" />
    <link rel="stylesheet" type="text/css" href="./css/faPiao.css" />
    <script type="text/javascript" src="../../js/base.js"></script>
</head>
<body>
<header class="aui-bar aui-bar-nav aui-bar-top">
    <a class="aui-pull-left aui-btn goBack" >
        <span class="aui-iconfont aui-icon-left"></span>
    </a>
    <div class="aui-title">设置发票信息</div>
</header>
<section id="app" v-cloak>
 <div class="piaoType">
     <div>发票类型</div>
     <div class="aui-flex-col aui-flex-item-12">
         <div class="aui-flex-item-3 default-fapiaoType faPiaoType" id="zhiZhi" @click="chooseType(0)">纸质发票</div>
         <div class="aui-flex-item-3 default-fapiaoType" id="dianZi" @click="chooseType(1)">电子发票</div>
         <div class="aui-flex-item-3 default-fapiaoType" id="zengZhi" @click="chooseType(2)">增值发票</div>
     </div>
     <div class="remarks">电子发票与纸质发票具备同等法律效力,可支持报销入账</div>
 </div>
    <div class="piaoType">
        <div>发票抬头</div>
        <div class="aui-flex-col aui-margin-t-15">
            <label class="aui-flex-item-4"><input class="aui-radio" type="radio" name="demo1" checked>不开发票</label>
            <label class="aui-flex-item-4"><input class="aui-radio" type="radio" name="demo1">明细</label>
        </div>
    </div>
    <div class="piaoType">
        <div>发票抬头</div>
        <div class="aui-flex-col aui-margin-t-15">
                <label class="aui-flex-item-4"><input class="aui-radio" type="radio" name="demo2" checked> 个人</label>
                <label class="aui-flex-item-4"><input class="aui-radio" type="radio" name="demo2"> 单位</label>
        </div>
    </div>
    <div class="aui-content aui-margin-b-15">
        <ul class="aui-list aui-form-list" >
            <li class="aui-list-item " style="width:96%;margin: 0 2%">
                <div class="aui-list-item-inner">
                    <div class="aui-list-item-label">
                        发票人信息:
                    </div>
                    <div class="aui-list-item-input">
                        <input type="text" >
                    </div>
                </div>
            </li>
            <li class="aui-list-item" >
                <div class="aui-list-item-inner" style="width:96%;margin:0 2%;border-bottom: 1px solid #efefef;padding-left: 0">
                    <div class="aui-list-item-label">
                        收票人手机:
                    </div>
                    <div class="aui-list-item-input">
                        <input type="text" >
                    </div>
                </div>
            </li>
            <li class="aui-list-item">
                <div class="aui-list-item-inner">
                    <div class="aui-list-item-label">
                        收票人邮箱:
                    </div>
                    <div class="aui-list-item-input">
                        <input type="text">
                    </div>
                </div>
            </li>
            </ul>
        </div>

<!--<div class="">-->
    <!--<div class="aui-border-b">-->
        <!--<input class="aui-padded-l-10" type="text" value="发票人信息: " >-->
    <!--</div>-->
    <!--<div class="aui-border-b">-->
        <!--<input class="aui-padded-l-10" type="text" value="收票人手机: " >-->
    <!--</div>-->
    <!--<div class="aui-border-b">-->
        <!--<input class="aui-padded-l-10" type="text" value="收票人邮箱:">-->
    <!--</div>-->
<!--</div>-->
<div class="submitBtn" @click="goOrder()">确&nbsp&nbsp认</div>

</section>
<script type="text/javascript" src="../../js/zepto.min.js"></script>
<script type="text/javascript" src="../../js/vue.min.js"></script>
<script type="text/javascript" src="../../js/api.js"></script>
<script type="text/javascript" src="../../js/aui-tab.js"></script>
<script type="text/javascript" src="./js/faPiao.js" ></script>

<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script type="text/javascript" src="../../js/weixin.js" ></script>
</body>
</html>